@CHARSET "UTF-8";

    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../images/slider/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:32px;
      height:32px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
    position: absolute;
	top: 500px;
	right:20%;
	margin-right: 15px;
	z-index: 5000;
	background-image: url('../images/slider/right.png');
    }
    
    a.slidesjs-next:hover{
    	background-image: url('../images/slider/rightHover.png');
    }
    
    img.imgSlider{
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 100%;
		z-index: 0; 
		-webkit-backface-visibility: hidden;
		display: block;
    }
    
    

    a.slidesjs-previous {   
      position: absolute;
	  top: 500px;
      margin-left: 15px;
	  z-index: 5000;
	  background-image:url('../images/slider/left.png');
    }

    a.slidesjs-previous:hover{
    	background-image: url('../images/slider/leftHover.png');
    }
    

    a.slidesjs-play {

     position:absolute;
     top:500px;
     z-index: 5000;
     background-image:url('../images/slider/play.png');
       margin-left: 60px;
    }
    
    a.slidesjs-play:hover{
    	background-image: url('../images/slider/playHover.png');
    }
    

a.linkSlider{
	position: absolute;
	font-size: 17px;
	background: steelblue;
	padding: 5px;
	border-radius: 5px;
	left: 15px;
	top: 60px;
	border: 1px solid white;
	max-width: 230px;
}

a.linkSlider:hover{
	-webkit-transform:scale(1.03);
	color:#fff;
	border-color:#9dc747;
}


span.titleSlider{
	position: absolute;
	color: #9dc747;
	font-size: 22px;
	z-index: 1;
	text-transform: uppercase;
	background: #fff;
	border: 1px solid #9dc747;
	border-radius: 5px;
	padding: 5px;
	left: 15px;
	top: 15px;
	max-width: 230px;
}

span.titleSliderExterne{
	position: absolute;
color: #9dc747;
font-size: 22px;
z-index: 1;
text-transform: uppercase;
background: #fff;
border: 1px solid #9dc747;
border-radius: 15px;
padding: 5px;
left: 100px;
top: 10px;
}


    a.slidesjs-stop {

     position:absolute;
     top:500px;
     z-index: 5000;
     background-image:url('../images/slider/stop.png');
     margin-left: 60px;
    }
    
    
     a.slidesjs-stop:hover{
    	background-image: url('../images/slider/stopHover.png');
    }
    
    .slidesjs-pagination {
   position: absolute;
	top: 500px;
	z-index: 5000;
	right: 20%;
	margin-right: 60;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 16px;
      height: 16px;
      padding-top: 13px;
      background-image: url(../images/slider/circleOutLine.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active{
    	background-image: url(../images/slider/circle.png);
    }
    
    
    
    .slidesjs-pagination li a:hover.active {
      background-image: url(../images/slider/circleHover.png);
    }

    .slidesjs-pagination li a:hover {
       background-image: url(../images/slider/circleHover.png);
    }

    .navbar {
      overflow: hidden;
    }
    
    
     #slides {
      display: none;
    }

    .containerSlider{
      margin: 0 auto;
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .containerSlider {
        width: 100%;
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .containerSlider {
        width: 100%;
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .containerSlider {
        width: 100%;
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .containerSlider {
        width: 100%;
      }
    }